Is there a way to keep the Bot from blowing up to the entire page? I want it to be contained in a Div. here is my HTML - code block in Elementor: """
Botpress Chatbot
<iframe
style="border: none;"
srcdoc="
window.botpressWebChat.init({
'composerPlaceholder': 'Chat with Personality Bot',
'botConversationDescription': 'This chatbot Impersonates Celebrities',
'botName': 'Personality Bot',
'botId': 'my bot id xxxx',
'hostUrl': 'https://cdn.botpress.cloud/webchat/v0',
'messagingUrl': 'https://messaging.botpress.cloud',
'clientId': 'my client id XXXX',
'enableConversationDeletion': true,
'showPoweredBy': false,
'className': 'webchatIframe',
'containerWidth': '100%25',
'layoutWidth': '100%25',
'hideWidget': true,
'showCloseButton': true,
'disableAnimations': true,
'closeOnEscape': true,
'showConversationsButton': false,
'enableTranscriptDownload': false,
'stylesheet':'https://webchat-styler-css.botpress.app/prod/code/3fcd3e4e-d5bc-4bf5-8699-14b621b3ada2/v31782/style.css'
});
window.botpressWebChat.onEvent(function () { window.botpressWebChat.sendEvent({ type: 'show' }) }, ['LIFECYCLE.LOADED']);
"
width="100%"
height="100%"
>
"""